<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:include="teacher/common :: commonhead">
    <!--<div th:replace="teacher/common :: commonhead"></div>-->
</head>
<head>
    <title>首页</title>
    <!--这里写这个页面单独需要的css-->
    <style>
        .btn-circle {
            width: 80px;
            height: 80px;
            text-align: center;
            padding: 6px 0;
            font-size: 12px;
            line-height: 1.428571429;
            border-radius: 15px;
        }
        .btn-circle.btn-lg {
            width: 80px;
            height: 80px;
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 25px;
        }
        .btn-circle.btn-xl {
            width: 120px;
            height: 120px;
            padding: 10px 16px;
            font-size: 50px;
            line-height: 1.73;
            border-radius: 70px;
        }
    </style>
</head>
<body class="sticky-header">

<section>
    <!--  引入左侧边  -->
    <div th:replace="teacher/common :: left"></div>

    <div class="main-content">
        <div th:replace="teacher/common :: header-section"></div>
        <!--这里开始写东西-->
        <div class="wrapper">

            <div class="row">
                <!--左边-->
                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="profile-pic text-center">
                                        <div class="btn btn-info btn-circle btn-xl" th:text="${#strings.substring(teacher.teaName, 0, 1)}"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <ul class="p-info">
                                        <li>
                                            <div class="title">教工号</div>
                                            <div class="desk">[[${teacher.teaId}]]</div>
                                        </li>
                                        <li>
                                            <div class="title">姓名</div>
                                            <div class="desk">[[${teacher.teaName}]]</div>
                                        </li>
                                        <li>
                                            <div class="title">性别</div>
                                            <div class="desk">[[${teacher.teaSex}]]</div>
                                        </li>
                                        <li>
                                            <div class="title">邮箱</div>
                                            <div class="desk">[[${teacher.teaEmail}]]</div>
                                        </li>
                                        <li>
                                            <div class="title">电话</div>
                                            <div class="desk">[[${teacher.teaPhone}]]</div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body p-states">
                                    <div class="summary pull-left">
                                        <h4>我教的课程数 <span>：</span></h4>
                                        <h3>[[${courseCount}]]</h3>
                                    </div>
                                    <div id="expense" class="chart-bar"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body p-states green-box">
                                    <div class="summary pull-left">
                                        <h4>我的学生数量 <span>：</span></h4>
                                        <h3>[[${studentCount}]]</h3>
                                    </div>
                                    <div id="pro-refund" class="chart-bar"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body p-states">
                                    <div class="summary pull-left">
                                        <h4>我发布的作业学生完成情况 <span>：</span></h4>
                                        <h3>已完成 / 总数 ：[[${homeworkRate}]]</h3>
                                    </div>
                                    <div id="expense2" class="chart-bar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--右边-->
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="profile-desk">
                                        <h1 th:text="${teacher.teaName}"></h1>
                                        <span class="designation">教授</span>
                                        <p>
                                           教学经验丰富
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <form>
                                    <textarea class="form-control input-lg p-text-area" rows="2"
                                              placeholder="Whats in your mind today?"></textarea>
                                </form>
                                <footer class="panel-footer">
                                    <button class="btn btn-post pull-right">Post</button>
                                    <ul class="nav nav-pills p-option">
                                        <li>
                                            <a href="#"><i class="fa fa-meh-o"></i></a>
                                        </li>
                                    </ul>
                                </footer>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="panel">
                                <header class="panel-heading">
                                    备忘录
                                    <span class="tools pull-right">
                                        <a class="fa fa-chevron-down" href="javascript:;"></a>
                                        <a class="fa fa-times" href="javascript:;"></a>
                                     </span>
                                </header>
                                <div class="panel-body">
                                    <ul class="activity-list">
                                        <li>
                                            <div class="activity-desk">
                                                <h5><a href="#">发布于：</a> <span>Tue May 11 2021 20:06:15 GMT+0800 (中国标准时间)</span>
                                                </h5>
                                                <div class="album">
                                                    <h3>读万卷书，行万里路</h3>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--body wrapper end-->
    </div>
</section>

<div th:replace="teacher/common :: commonjs"></div>

</body>
</html>